<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	.div{
		list-style: none;
		height: 100px;
		width: 200px;
		border: 1px #FF0000 solid;
		border-radius: 4px;
		float: right;
		background-color: antiquewhite;
		
		height:auto; 
		display:
		inline-block !important; 
		display:inline;
	}
	.div div{
		height: 50px;
		width: 100%;
		border-radius: 4px;
		background-color: white;
	}
	.ul li{
		list-style: none;
		font-size: 10px;
	}
	.li a{
		font-size: 8px;
	}	
	.table{
				list-style: none;
				height: 855px; 
				width:600px;
				border: 1px #FF0000 solid;
				border-radius: 4px;
				
			}	
			
			
	
</style>
</head>
<body>
	<div style="width: 850px;margin: auto;">
		<div class="table">
			<c:forEach items="${requestScope.list }" var="t">
				<table style="height: 180px; width:290px;border:1px #FF0000 solid;border-radius: 4px;float: left;">
					<tr>
						<td rowspan="6"><img src="../img/${t.picture}"/></td>
					</tr>
					<tr><td></td><td>菜名:${t.menuname }</td></tr>
					<tr><td></td><td>市场价格:${t.price }</td></tr>
					<tr><td></td><td>会员价格:${t.unit_price }</td></tr>
					<tr><td></td><td>配料:${t.material }</td></tr>
					<tr><td></td><td>菜品类型:${t.type.typename }</td></tr>
					<tr style="text-align: center;"><td colspan="2"><a href="ShoppingCarInsert?opt=create&menuid=${t.id }">添加到购物车</a></td></tr>
				</table>
				
			</c:forEach>
		</div>
		<!-- 左侧 -->
		<div style="height: 200px;width: 300px;float: right;margin-top: -855px;"> -->
				<div class="div">
				<!-- 餐厅公告 -->
					<form>
						<div style="height: 50px;width: 30px;float: left;">
							图片
						</div>
						<h1 align="center"style="font-size: 20px;float: left;margin-top: 15px;color: coral;">餐厅公告</h1>
					    	<li style="float: right;list-style: none; margin-top: 20px;">
					    		<a href="" style="text-align: right;font-size: 5px;text-decoration: none;">更多>></a>
					    	</li>				    
					    <hr style="width:180px;border-top:0.05px black dashed;" />
						    
					    <div style="width: auto;height: auto;background-image: url(img/43.gif);float: left;">	
					   	
						   	<ul class="ul" >
						   		<li>新增菜单</li>				   		
						   		<li>本店特色</li>
						    </ul>
						</div> 
					</form>
					    
				</div>
				
				<!-- 我的餐车 -->
				<div style="margin-top: 170px;margin-right: -200px;"class="div">
						<form>
							<div style="height: auto;width: 30px;float: left;">
								图片
							</div>
							<h1 align="center"style="font-size: 20px;float: left;margin-top: 15px;color: coral;">我的餐车</h1>
						    	<li style="float: right;list-style: none; margin-top: 20px;">
						    		<a href="" style="text-align: right;font-size: 5px;text-decoration: none;">详细>></a>
						    	</li>
						    <hr style="width:180px;border-top:0.05px black dashed;" />
						    <table border="2px" cellspacing="0" cellpadding="0" align="center">
								<tr>
									<td>菜单名称</td>
									<td>单价</td>
									<td>数量</td>
									<td></td>
								</tr>
								<c:forEach items="${sessionScope.list }" var="sc">
									<tr>
										<td>${sc.menu.menuname }</td>
										<td>${sc.menu.price }</td>
										<td>${sc.sum }</td>
										
										<td>
											<a href="ShoppingCarInsert?opt=add&menuid=${sc.menu.id }">+</a>  
											<a href="ShoppingCarInsert?opt=reduce&menuid=${sc.menu.id }">-</a>
											<a href="ShoppingCarInsert?opt=remove&menuid=${sc.menu.id }">x</a>
										</td>
									</tr>
									
								</c:forEach>
								<tr><td colspan="4" style="text-align: right;">
									<a href="ShoppingCarInsert?opt=submit&menuid=${sc.menu.id }">提交</a>
								</td></tr>
							</table>
					</form>
				</div>
				<!-- 销售排行榜 -->
				<div style="margin-top: 50px;" class="div";>
					<div>
						<div style="height: 10px;width: 30px;float: left;">
								图片
						</div>
						<h1 align="center"style="font-size: 20px;float: left;margin-top: 5px;color: coral;">销售排行榜</h1>
					    <hr style="width:180px;border-top:0.05px black dashed;" />
					</div>
					<ul class="ul" style="margin-top: 1px;">
						
					</ul>
				</div>
		    </div>
	</div>
	
</body>
</html>